// pages/commodityDetail/commodityDetail.js
const app=getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeIndex: 0,
    hei: "",
    productId: 0,
    activeIndex: 0,
    show: false,
    showPoint: false,
    iconsUrl: [
      "../../icons/703233fa9c43fcba7beb59176c4c83a4.jpg",
      "../../icons/7487939_233229281116_2.jpg",
      "../../icons/20140928220214_kVYnL.jpeg"
    ],
    priceList: [{
      name: "智能摄像机台版白色1080p网络WiFi家用监控室内夜视360无线高清", price: "169",
      num: 452,
    }],
    shopNum:app.globalData.num


  },
  imgH: function (e) {
    var winWid = wx.getSystemInfoSync().windowWidth; //获取当前屏幕的宽度
    var imgh = e.detail.height;　　　　　　　　　　　　　　　　 //图片高度
    var imgw = e.detail.width;
    var swiperH = winWid * imgh / imgw * 2 + "rpx"　　　　　　　　　　
    　 //等比设置swiper的高度。  即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度    ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
    this.setData({
      hei: swiperH　　　　　　　　 //设置高度
    })
  },
  // 点击图片放大
  previewImg: function (e) {
    console.log(e.currentTarget.dataset.index);
    var index = e.currentTarget.dataset.index;
    var imgArr = this.data.iconsUrl;
    wx.previewImage({
      current: imgArr[index],     //当前图片地址
      urls: imgArr,               //所有要预览的图片的地址集合 数组形式
      success: function (res) { },
      fail: function (res) { },
      complete: function (res) { },
    })
  },

  changeImg: function (e) {
    let current = e.detail.current;
    // var index=e.currentTarget.dataset.index;
    this.setData({
      activeIndex: current
    });
    console.log(this.data.activeIndex)
  },

  // showLength () {
  //   return this.iconsUrl.length
  // },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    this.setData({
      productId: options.productId
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.detailData();
    if(app.globalData.num>0){
      this.setData({
        shopNum: app.globalData.num,
        show: true
      })
    }
    

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 请求数据
  detailData: function () {
    var that = this;
    wx.request({
      url: 'https://www.xiaozheng8.com/shop/product/findById',
      method: "post",
      data: {
        productId: that.data.productId
      },
      success: function (res) {
        console.log(res);
        var data = [];
        data.push(res.data.data);
        console.log(data);
        var icons = [];
        icons = res.data.data.picList;
        console.log(icons);
        that.setData({
          priceList: data,
          iconsUrl: icons
        })
      },
      fail: function (res) {
        console.log(res)
      }
    })
  },
  // 去购物车
  toShopCar: function () {
    this.setData({
      show: false
    })
    wx.switchTab({
      url: '../shopping/shopping',
    })
  },
  // 页面跳转
  shopping: function (e) {
    var that=this;
    wx.navigateTo({
      url: '../confirmOrder/confirmOrder?json=' + escape(JSON.stringify(that.data.priceList)) + "&price=" + that.data.priceList[0].price+"&isCart="+"0"
    })
  },
  addShop: function () {
    var that = this;
    //延时定时器
    setTimeout(function () {
      that.setData({
        showPoint: true,
      })
      setTimeout(function () {
        that.setData({
          show: true,
          showPoint: false,
        })
      }, 500)
    }, 200);
    that.setData({
      showPoint:false
    })
    wx.request({
      url: 'https://www.xiaozheng8.com/shop/cart/addOne',
      data: {
        userId: wx.getStorageSync("userId"),
        productId: that.data.productId
      },
      method: 'post',
      success: function (res) {
        console.log(res);

        // wx.showToast({
        //   title: '加入购物车成功'
        // })
        app.getshoppingList();
      },
      fail: function (res) {
        console.log(res);
      },
      complete: function (res) {

      },
    })

  }
})